<script setup lang="ts">
import {onMounted} from "vue";
import {onLoadModels, registerModels} from "./components/init3d.ts";
import {setup3D} from "../../../../components/WorldSetup.ts";

defineOptions({
  name: 'Chart3d'
})

const onSetup = (loader: any, world: any) => {
  onLoadModels(loader, world)
}

onMounted(() => {
  setTimeout(() => {
    console.log("init world")
    setup3D('#scene', onSetup, registerModels)
  }, 1000)

})

</script>

<template>
  <div>
    <div id="scene"></div>
  </div>
</template>

<style scoped>

#scene{
  z-index: 10;
}
</style>
